<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pretty="http://ocpsoft.com/prettyfaces"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<f:view contentType="text/html">
	<h:head>
		<f:facet name="first">
			<meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
			<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
			<title><h:outputText value="#{msg['global.appTitle']}" /></title>
		</f:facet>

		<h:outputStylesheet library="css" name="reset.css" />
		<h:outputStylesheet library="css" name="text.css" />
		<h:outputStylesheet library="css" name="960.css" />
		<h:outputStylesheet library="css" name="nav.css" />
		<h:outputStylesheet library="css" name="layout.css" />
		<h:outputStylesheet library="css" name="form-structure.css" />
		<h:outputStylesheet library="css" name="form-style.css" />

		<ui:insert name="css">
		</ui:insert>
	</h:head>
	<h:body>
		<!-- ===============[MAIN CONTAINER]=============== -->
		<div class="container_16">
			<!-- ===============[HEADER]=============== -->
			<div class="grid_16">
				<h1 id="branding">
					<pretty:link styleClass="menuitem" mappingId="home">
						<h:outputText value="#{msg['global.appTitle']}" />
					</pretty:link>
				</h1>
			</div>

			<ui:insert name="ajaxStatus">
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Status"
					draggable="false" closable="false">
					<p:graphicImage value="#{resource['img:ajaxloadingbar.gif']}" />
				</p:dialog>
			</ui:insert>


			<div class="clear"></div>

			<div class="grid_16">
				<h2 id="page-heading"></h2>
			</div>

			<div class="grid_16">

				<!-- Dynamic JSF content -->
				<ui:insert name="header">
				</ui:insert>

<!-- 				<ui:debug hotkey="k" /> -->
			</div>

			<div class="clear"></div>

			<!-- ===============[PORTFOLIO STATISTICS]=============== -->
			<ui:include src="../user/portfolioStatistics.xhtml" />
			<!-- ===============[/PORTFOLIO STATISTICS]=============== -->
			<!-- ===============[/HEADER]=============== -->

			<div class="clear"></div>

			<!-- ===============[LEFT PANEL]=============== -->
			<div class="grid_5">
				<!-- ===============[MAIN MENU]=============== -->
				<ui:include src="mainMenu.xhtml" />
				<!-- ===============[/MAIN MENU]=============== -->

				<!-- ===============[LOGIN MENU]=============== -->
				<ui:include src="loginLogoutMenu.xhtml" />
				<!-- ===============[/LOGIN MENU]=============== -->

				<!-- Dynamic JSF content -->
				<ui:insert name="left_panel">
				</ui:insert>

			</div>
			<!-- ===============[/LEFT PANEL]=============== -->

			<!-- ===============[CONTENT]=============== -->
			<div class="grid_11">


				<!-- ===============[HELPER]=============== -->
<!-- 				<ui:include src="../user/helper.xhtml" /> -->
				<!-- ===============[/HELPER]=============== -->
			
				<!-- Dynamic JSF content -->
				<ui:insert name="content">
				</ui:insert>

			</div>
			<!-- ===============[/CONTENT]=============== -->

			<div class="clear"></div>

			<!-- ===============[FOOTER]=============== -->
			<div class="grid_16" id="site_info">
				<ui:include src="footer.xhtml" />

				<!-- Dynamic JSF content -->
				<ui:insert name="footer">
				</ui:insert>

			</div>
			<!-- ===============[/FOOTER]=============== -->

			<div class="clear"></div>
		</div>
		<!-- ===============[/MAIN CONTAINER]=============== -->
		<h:outputScript library="js" name="jquery-ui-1.8.16.min.js" />
		<h:outputScript library="js" name="jquery-fluid16.js" />
		
<!-- 		<h:outputScript library="primefaces" name="jquery/jquery.js" />  -->
<!-- 		<h:outputScript library="primefaces" name="primefaces.js" />  -->
<!-- 		<h:outputScript library="js" name="jquery-1.3.2.min.js" /> -->

<!-- 		<h:outputScript library="js" name="moo/mootools-1.2.1-core.js" /> -->
<!-- 		<h:outputScript library="js" name="moo/mootools-1.2-more.js" /> -->
<!-- 		<h:outputScript library="js" name="moo/mootools-fluid16-autoselect.js" /> -->

		<ui:insert name="js">
		</ui:insert>

	</h:body>
</f:view>
</html>
